Facebook Javascript API สำหรับlogin - ถ้าต้องการส่งค่าจาก javascriptไปหา php เพื่อเก็บเข้าdatabase mySQL

กระทู้คำถาม

ตอนนี้บริษัทผมใช้ PHP version 5.2 เองครับ เลยยังไม่อยากใช้facebook API ของPHP เพราะAPI facebookของวิธีPHP ตัวใหม่ๆ มันrequire PHP ver 5.4 ขึ้นไป
ก็เลยสนใจใช้ javascript แทนครับ

ปัญหาคือ อยากจะเก็บค่าของข้อมูลผู้ใช้ที่login แบบ facebookเข้ามาในเว็บ ลงในdatabase mySQL ด้วยครับ เลยอยากสอบถามว่าจะโอนไปหาPHPอย่างไรดี ทีนี้ค่าที่ผมอยากโอนคือ ให้ลองดูในfunction getInfo() ดูครับ ตัวresponse.emailนั่นแหละครับ ซึ่งผมจะส่งค่าไปหาไฟล์ที่ชื่อ "new 1.php"

รบกวนด้วยครับ ทำวิธีผมแล้วมันดันขึ้นerror Undefined index: email in C:\xampp\htdocs\new 1.php on line 3

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <script>
         window.fbAsyncInit = function() {

  FB.init({
    appId: 'xxxxxxxx',  //Your appId
    xfbml: true,
    version: 'v2.8'
  });
  FB.AppEvents.logPageView();
  FB.getLoginStatus(function(response) {
    if (response.status === 'connected') {
      document.getElementById('status').innerHTML = 'We are connected.';
      document.getElementById('fb_login').style.visibility = 'hidden';
    } else if (response.status === 'not_authorized') {
      document.getElementById('status').innerHTML = 'We are not logged in.';
    } else {
      document.getElementById('status').innerHTML = 'You are not logged into Facebook';
    }
  });
};

(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {
    return;
  }
  js = d.createElement(s);
  js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

function fb_login() {
  FB.login(function(response) {
    if (response.status === 'connected') {
      document.getElementById('status').innerHTML = 'We are connected.';
      document.getElementById('fb_login').style.visibility = 'hidden';
    } else if (response.status === 'not_authorized') {
      document.getElementById('status').innerHTML = 'We are not logged in.';
    } else {
      document.getElementById('status').innerHTML = 'You are not logged into Facebook';
    }
  }, {
    scope: 'email'
  });
}

function getInfo() {
  FB.api('/me', 'GET', {
    fields: 'first_name,last_name,name,id,email'
  }, function(response) {
    var email = response.email;       /////////ตัวแปรที่ต้องการส่งไปหาPHP///////////

    var http = new XMLHttpRequest();      ///////////AJAX///////
    var url = "new 1.php";
    var data = "email=" + email;
    http.open("GET", url, true);
    http.onreadystatechange = function() {//Call a function when the state changes.
        if(http.readyState == 4 && http.status == 200) {
            alert(http.responseText);
        }
    }
    http.send(data);
  });
}

function fb_logout() {
  FB.logout(function() {
    document.location.reload();
  });
}
    </script>

    <div id="status"></div>   <div id="status2"></div>
                <button onclick="getInfo()"> Get Info</button>
                <button onclick="fb_login()" id="fb_login"> Login with Facebook </button>
                <button onclick="fb_logout()"> Log out </button>
</body>
</html>

อันนี้ในหน้า new 1.php ครับ

<?php
if($_SERVER['REQUEST_METHOD'] == 'GET'){
$email = $_GET['email'];
echo $email;
}
?>

แก้ไขข้อความเมื่อ